
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>主页-FbTStudio网站</title>
<link href="css/singlePageTemplate.css" rel="stylesheet" type="text/css">
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
  integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw"
  crossorigin="anonymous"
/>
<link rel="stylesheet" href="./layui/css/layui.css">
	<script type="text/javascript" src="hehe.js"></script>
<script
  src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
  integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A"
  crossorigin="anonymous"
></script>
	
<script src="./layui/layui.js"></script>
</head>
<body class="mdui-bottom-nav-fixed " onLoad="box1load()" style="margin: 4px;border-radius: 9px">
	
	 <header style="background-color:#009688;color: white;border-radius: 6px;margin-top: 4px;" class="mdui-shadow-4" onLoad=""> 
<div class="mdui-container" style="background-color:#009688">
  <div class="mdui-toolbar mdui-color-theme" >
  
    <span onClick="window.open('index.html','_self');" class="mdui-typo-title" style="color: white">FbTStudio</span>
    <div class="mdui-toolbar-spacer"></div>
	<a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons" id="btn" onClick="btn()">&#xe5c3;</i></a>
       <a mdui-menu="{target: '#example-1'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">account_circle</i></a> 
     
	  
  <ul class="mdui-menu" id="example-1">
    <li class="mdui-menu-item" disabled>
      <a href="javascript:;" class="mdui-ripple"><strong>[未开放]个人中心</strong></a>
    </li>
    <li class="mdui-menu-item" disabled>
      <a href="javascript:;"><strong>[未开放]任务中心</strong></a>
    </li>
    <li class="mdui-menu-item" disabled>
      <a href="javascript:;" class="mdui-ripple"><strong>[未开放]账号设置</strong></a>
    </li>
    <li class="mdui-divider"></li>
    <li class="mdui-menu-item">
      <a id="logoff" class="mdui-ripple"><strong>[测试]登入账号</strong></a>
		<script type="text/javascript" src="hehe.js"></script>
    </li>
  </ul>
	  
  </div>
	
</div>
		
 
  </header>
	<div class="layui-carousel mdui-shadow-4" id="test1" style="margin-top: 6px;">
  <div carousel-item style="border-radius: 9px;">
    <div style="border-radius: 9px"><section class="hero" id="hero" style="background-image:url(https://fbtstudio.gitee.io/webframwork/AnimationWiki/intro1.png);background-repeat: no-repeat;background-position: 50% 50%;">
	  <h2 class="hero_header " id="example-right-top" style="font-weight:700;color:Black">Project AnimationFly</h2>
	   
    <p class="tagline" style="font:oblique;color:Black">一款免费的看番剧软件，流畅简洁好用&nbsp;</p>
  </section></div>
    <div style="border-radius: 9px"><section class="hero" id="hero"  style="background-color:CadetBlue；">
	  <h2 class="hero_header " id="example-right-top" style="font-weight:700;">欢迎来到FbTStudio官方网站</h2>
	   
    <p class="tagline" style="font:oblique;color:AliceBlue">一个业余的鸽子制作团队</p>
  </section></div>
    <div style="border-radius: 9px"><section class="hero" id="hero"  style="background-color:CadetBlue；">
	  <h2 class="hero_header " id="example-right-top" style="font-weight:700;">网站公告&网站更新日志</h2>
	   
    <p class="tagline" style="font:oblique;color:AliceBlue">来康康我们更新了写什么吧，顺便看看网站的规则吧</p>
  </section></div>
    <div style="border-radius: 9px"><section class="hero" id="hero"  style="background-image:url(https://fbtstudio.gitee.io/webframwork/AnimationWiki/intro2.png);background-repeat: no-repeat;background-position: 50% 50%;">
	  <h2 class="hero_header " id="example-right-top" style="font-weight:700;color:Black">NeTMusic Project</h2>
	   
    <p class="tagline" style="font:oblique;color:Black">一个简约好用的第三方音乐客户端，使用metro风格设计</p>
  </section></div>
    <div style="border-radius: 9px"><section class="hero" id="hero"  style="background-color:CadetBlue；">
	  <h2 class="hero_header " id="example-right-top" style="font-weight:700;">网站的登陆和个人中心功能开放了</h2>
	   
    <p class="tagline" style="font:oblique;color:AliceBlue；">欢迎来申请账号哦，申请教程在文档中心哦</p>
  </section></div>
  </div>
</div>
<!-- 条目中可以是任意内容，如：<img src=""> -->
 
<script src="/static/build/layui.js"></script>
<script>
layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#test1'
    ,width: '100%' //设置容器宽度
    ,arrow: 'always' 
	,interval: 24000//始终显示箭头
    //,anim: 'updown' //切换动画方式
  });
});
</script>
		<p></p>

<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  
  <div style="margin:6px;">
    <div style="display:inline-block; ">
		 <ul class="layui-nav layui-nav-tree layui-nav-side layui-anim layui-anim-up " style="border-radius: 9px;margin: 4px;background-color: #5FB878" id="box">
  <li class="layui-nav-item layui-this"><a onClick="">主页</a></li>
<li class="layui-nav-item " >
    <a href="javascript:;">下载中心</a>
    <dl class="layui-nav-child">
      <dd ><a onClick="window.open('download.html','_self')">Windows程序</a></dd>
      <dd><a onClick="window.open('macdownload.html','_self')">macos常用程序</a></dd>
		<dd><a onClick="window.open('devdownload.html','_self')">我们的项目</a></dd>
		<dd><a onClick="window.open('phonedownload.html','_self')">Android常用程序</a></dd>
    </dl>
  </li>
  <li class="layui-nav-item"><a onClick="window.open('doc.html','_self')">文章中心</a></li>
  <li class="layui-nav-item"><a href="">个人中心</a></li>
  <li class="layui-nav-item"><a onClick="btn()">关闭菜单</a></li>
 
</ul>
	<blockquote class="layui-elem-quote" style="margin: 6px">最新消息</blockquote>
	
		 <div class="gallery">
    <div class="thumbnail">
	<div class="mdui-card mdui-ripple mdui-hoverable" width="60" style="margin: 18px;border-radius: 6px">
        <div class="mdui-card-media" width="60">
       <img src="https://fbtstudio.gitee.io/webframwork/AnimationWiki/intro1.png" width="60" height="180" style=""/>
        </div>
        <div class="mdui-card-primary" width="60">
          <div class="mdui-card-primary-title"><strong>Project AnimationFly</strong></div>
        </div>
        <div class="mdui-card-content">简约风格的设计，免费的资源，快速的加载，完美的社区,一个免费简约的看番软件</div>
      </div>
    </div>
    <div class="thumbnail">
	<div class="mdui-card mdui-ripple mdui-hoverable" width="60" style="margin: 18px;border-radius: 6px">
        <div class="mdui-card-media" width="60">
       <img src="https://fbtstudio.gitee.io/webframwork/AnimationWiki/intro2.png" width="60" height="180" style=""/>
        </div>
        <div class="mdui-card-primary" width="60">
          <div class="mdui-card-primary-title"><strong>Project FbT NeTMusic</strong></div>
        </div>
        <div class="mdui-card-content">一款简单的在线播放器，设计简约，曲库支持多个平台，为您提供一个舒适的播放体验</div>
      </div>
    </div>
    <div class="thumbnail">
	<div class="mdui-card mdui-ripple mdui-hoverable" width="60" style="margin: 18px;border-radius: 6px">
        <div class="mdui-card-media" width="60">
       <img src="https://fbtstudio.gitee.io/webframwork/AnimationWiki/intro3.png" width="60" height="180" style=""/>
        </div>
        <div class="mdui-card-primary" width="60">
          <div class="mdui-card-primary-title"><strong>Project FbT AppStore</strong></div>
        </div>
        <div class="mdui-card-content">这是一个下载与更新我们项目的平台，前身是更新部署工具和Control Project ，目前开发中!</div>
      </div>
    </div>
    <div class="thumbnail">
	<div class="mdui-card mdui-ripple mdui-hoverable" width="60" style="margin: 18px;border-radius: 6px">
        <div class="mdui-card-media" width="60">
       <img src="https://cdn.w3cbus.com/mdui.org/docs/assets/docs/img/card.jpg" width="60" height="180" style=""/>
        </div>
        <div class="mdui-card-primary" width="60">
          <div class="mdui-card-primary-title"><strong>Project Fchat</strong></div>
        </div>
        <div class="mdui-card-content">一款支持跨平台的聊天框架，目前开发中，由hehe和团队中其他成员共同维护，大概2022年7，8月推出正式版,希望大家支持哦</div>
      </div>
    </div>
	  </div>
	  </div>
		
    </div>
    
</div>
 
<script>
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
  var element = layui.element;
  
  //…
});
</script>
</body>
<script type="text/javascript">

var box1=document.getElementById('box');
function btn(){ 
	
	if(getCookie("box1load") == "true")
	{
		setCookie("box1load","false",1);
		box1.style.display='none';
    }
	else
	{
		setCookie("box1load","true",1);
		box1.style.display='';
    }
}
	
function box1load(){
		setCookie("box1load","true",1);
    
    if(getCookie("is_login") == "true"){
		//mdui.alert('你的userid='+getCookie("username"));
		document.getElementById('logoff').innerHTML = '[测试]登出账号';
	}
}
</script>

</html>